<template>
  <div class="error-404">
    <router-link to="/">
      <span class="go-home">
        回到首页
      </span>
    </router-link>
    <div class="icon">
      <svg-icon
        class-name="icon-404"
        icon-class="404"
      />
    </div>
  </div>
</template>

<script>
export default {

}
</script>
<style lang="scss" scoped>
.error-404{
  height: 100%;
  width: 100%;
  padding: 20px;
  position: relative;
}
.icon{
  width: 400px;
  margin: 0 auto;
  text-align: center;
  height:calc(100vh - 100px);

  line-height: calc(100vh - 100px);
}
.icon-404{
    font-size: 400px;
    vertical-align: middle;
}
.go-home{
  color: #409EFF;
  padding: 0 4px 10px 4px;
  margin-left: 20px;
  border-bottom: 1px solid #e9e9e9;
}
</style>
